<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Lodash</title>
    <link rel="stylesheet" href="./kaoshi.css">
</head>

<body>
    <!-- 头部 -->
    <div class="divhead">
        <div>
            <div class="lo">
                <a href=""><img src="./img1.png" alt="Lodash"></a>
            </div>
            <div class="lod">
                <h2>Lodash</h2>
                <p>是一个一致性、模块化、高性能的JavaScript实用工具库</p>
            </div>
        </div>
        <div>
            <div class="square1">
                <a href="">中文文档</a>
            </div>
            <div class="square2">
                <a href="">FP Guide</a>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="div1">
        <!-- 背景 -->
        <div class="div2">
            <!-- 第一部分黑 -->
            <div class="div3">
                <div class="div4">
                    <pre>
                        <p>_.<span class="span1">defaults</span>({<span class="span2"> 'a'</span>: <span class="span3">1</span> },{ <span class="span2">'a'</span>: <span class="span3">3</span>, <span class="span2">'b'</span>:<span class="span3"> 2</span>});</p>
                        <p>// → { 'a': 1, 'b': 2 }</p>
                        <p>_.<span class="span1">partition</span>([<span class="span3">1</span>, <span class="span3">2</span>, <span class="span3">3</span>, <span class="span3">4</span>], n<span class="span3">=></span>  n % <span>2</span>);</p>
                        <p>// → [[1, 3], [2, 4]]</p>
                    </pre>
                </div>
            </div>
            <!-- 第二部分白 -->
            <div class="divx">
                <!-- 下载 -->
                <div class="div5">
                    <h2>下载</h2>
                    <ul>
                        <li class="li1"><a href="">Core build (~4kB gzipped)</a></li>
                        <li class="li1"><a href="">Full build (~24kB gzipped)</a></li>
                        <li class="li2"><a href="">CDN 加速</a></li>
                    </ul>
                    <p>Lodash 采用<a href="">MIT license</span></a> 协议发布，并且支持最新的运行环境。</p>
                    <p>Review the <a href="">build differences</span></a> & pick one that’s right foryou.</p>
                    <div class="divan">
                        <h2>安装</h2>
                        <p>浏览器环境:</p>
                    </div>
                </div>
            </div>
            <!-- 第三部分黑 -->
            <div class="div6">
                <p>
                    script src=<span class="span2">"lodash.js"</span> /script
                </p>
            </div>
        </div>
    </div>
</body>

</html>